<template>
  <el-button type="text" @click="toggleAdvanced">
    {{ advanced ? '收起' : '展开' }}
    <i :class="advanced ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
  </el-button>
</template>

<script>

export default {
  name: "AdvancedSearch",
  props: {
    advanced: {
      type: Boolean,
      default: false,
    },
  },
  data () {
    return {}
  },
  computed: {

  },
  methods: {
    toggleAdvanced () {
      this.$emit('update:advanced', !this.advanced);
    }
  },
};
</script>

<style scoped lang="scss"></style>